@import "~@/assets/styles/utils";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  border: none;
}

p {
  margin-bottom: 0;
}

body,
a,
input,
button {
  font-size: 14px;
  outline: none;
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a:hover {
  text-decoration: none;
}

/*通用*/

// @media (max-width: 1922px) {
//   html {
//     font-size: 100px;
//   }
// }

// @media (max-width: 1682px) {
//   html {
//     font-size: 87.5px;
//   }
// }

// @media (max-width: 1442px) {
//   html {
//     font-size: 75px;
//   }
// }

// @media (max-width: 1368px) {
//   html {
//     font-size: 71.14583px;
//   }
// }

// @media (max-width: 1282px) {
//   html {
//     font-size: 66.66667px;
//   }
// }

// @media (max-width: 1026px) {
//   html {
//     font-size: 53.33333px;
//   }
// }

// @media (max-width: 802px) {
//   html {
//     font-size: 41.66667px;
//   }
// }
.status_box{
  @include flex-row-s-c;
}
.status_icon{
  width:6px;
  height:6px;
  border-radius: 50%;
  margin-right: 8px;
}
.primary_bg {
  background-color: #2BA3FD !important;
}

.success_bg {
  background-color: #52C41A !important;
}

.warning_bg {
  background-color: #FAAE13 !important;
}

.danger_bg {
  background-color: #F5222D !important;
}

.primary {
  color: #2BA3FD !important;
}

.success {
  color:  #52C41A !important;
}

.warning {
  color: #FAAE13 !important;
}

.danger {
  color: #F5222D !important;
}

.info{
color: rgba(0,0,0,0.25) !important;
}

.el-card{
  border-radius: 2px !important;
  &.is-always-shadow{
    box-shadow: none !important;
  }
}

.el-tabs__item.is-active {
  color: #2BA3FD !important;
}

.el-tabs__active-bar{
  background: #2BA3FD !important;
}

.el-table{
  border-radius: 4px;
}

//按钮重置
.el-button--default{
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  &:hover,&:focus{
    border: 1px solid #DCDFE6;
    border-color: #DCDFE6;
    background: #FFFFFF;
  }
}
.el-button--primary{
  border: none;
  background: linear-gradient(270deg, #1ECFF7 0%, #2E9BFF 100%) !important;
  box-shadow:  inset 0 -4px 0 0 rgba(0,0,0,0.15), inset 0 2px 0 0 rgba(255,255,255,0.20);
  &:hover,&:focus{
    border: none;
    background: linear-gradient(270deg, #1ECFF7 0%, #2E9BFF 100%) !important;
    box-shadow: inset 0 -4px 0 0 rgba(0,0,0,0.15), inset 0 2px 0 0 rgba(255,255,255,0.20);
  }
}
.el-button{
  i, span{
    background: none !important;
  }
}

//重置分页样式
.el-pagination{
  &.is-background{
    .btn-prev,.btn-next{
      background: #fff;
      background: #FFFFFF;
      border: 1px solid #D9D9D9;
      border-radius: 6px;
    }
    .el-pager{
      li{
        background: #fff;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 6px;
        color: rgba(0,0,0,0.65);
        &.active{
          background: #2BA3FD;
          border-radius: 6px;
          color: #fff;
        }
      }
    }
  }
}

//重置对话框
.el-dialog__wrapper{
  .el-dialog{
    .el-dialog__header{
      border-bottom: 1px solid rgba(0,0,0,0.09);
      height:55px;
      @include flex-row-s-c;
      padding: 0;
      padding-left: 20px;
      .el-dialog__title{
        font-weight: 600;
      }
    }
  }
}
//重置步骤条
.el-steps{
  .el-step{
    .el-step__head{
      &.is-success{
        color: #1890ff;
        border-color: #1890ff;
      }
      &.is-process{
        .el-step__icon{
          background: #2BA3FD;
          color: #fff;
          border: none;
        }
      }
    }
    .el-step__main{
      .el-step__title{
        &.is-success{
          font-family: PingFangSC-Regular;
          font-size: 16px;
          color: rgba(0,0,0,0.65);
        }
        &.is-process{
          font-family: PingFangSC-Medium;
          font-size: 16px;
          color: rgba(0,0,0,0.85);
        }
      }
    }
  }
}
